<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        div {
            width: 200px;
            height: 200px;
            background: orange;
            margin: 10px;
            float: left;
        }
        
        .im {
            opacity: 0.3;
        }
    </style>
    <script src="运动.js"></script>
    <script>
        window.addEventListener('load', function() {
            var p = 1;

            function ig(n) {
                console.log(n + p);
            };
            var divs = document.querySelectorAll('div');
            // 一.变宽
            divs[0].addEventListener('click', function() {
                frame0(divs[0], 10, 400);
            });
            // 二.字体变大
            divs[1].addEventListener('click', function() {
                frame1(divs[1], 2, 40);
            });
            // 三.透明度变为1
        });
    </script>



</head>

<body>
    <div>变宽</div>
    <div>字体变大</div>
    <div class="im">透明度变为1</div>

</body>

</html>